Ext.define('AM.view.user.UsersGrid', {
    extend: 'Ext.grid.Panel',
    xtype: 'usersGrid',
    store: 'Users',
    stateful: true,
    collapsible: true,
    multiSelect: true,
    stateId: 'stateGrid',
    height: 350,
    title: 'Users Grid',
    viewConfig: {
        stripeRows: true,
        enableTextSelection: true
    },

    initComponent: function () {
        this.width = 350;
        this.columns = [
            {
                text     : 'Name',
                width    : 115,
                flex     : 1,
                sortable : true,
                dataIndex: 'Name'
            },
			{
                text     : 'First Name',
                width    : 115,
                flex     : 1,
                sortable : true,
                dataIndex: 'FirstName'
            },
            {
                text     : 'Last Name',
                width    : 115,
                sortable : true,                
                dataIndex: 'LastName'
            },
            {
                text     : 'Sam Account Name',
                width    : 115,
                sortable : true,                
                dataIndex: 'SamAccountName'
            },
            {
                text     : 'Enabled',
                width    : 115,
                sortable : true,
                renderer : function(val) {
                    if (val > 0) {
                        return '<span style="color:' + '#73b51e' + ';"> Enabled </span>';
                    } else {
                        return '<span style="color:' + '#cf4c35' + ';"> Disabled </span>';
                    }
                },
                dataIndex: 'Enabled'
            },
            {
                text     : 'Email',
                width    : 150,
                sortable : true,                
                dataIndex: 'Email'
            },
            {
                text     : 'Account Expires',
                width    : 115,
                sortable : true,
                renderer : Ext.util.Format.dateRenderer('m/d/Y'),
                dataIndex: 'AccountExpires'
            },
            {
                text     : 'Telephone Number',
                width    : 150,
                sortable : true,                
                dataIndex: 'TelephoneNumber'
            }
        ];

        this.callParent();
    }
});